<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>WaW - Ganhe e Ganhe</title>
        <meta charset="utf-8" />

        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="" />
        <meta name="author" content="" />

        <!-- Le styles -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" />    
        <link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet" />                 
        <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
        <link href="assets/css/ui.totop.css" rel="stylesheet" />
        <link href="assets/css/prettyPhoto.css" rel="stylesheet" />
        <link href="assets/css/base.css" rel="stylesheet" />  

        <link href="assets/css/scheme-dark-orange.css" title="scheme-dark-orange" rel="alternate stylesheet" />
        <link href="assets/css/scheme-gradients-grey.css" title="scheme-gradients-grey" rel="alternate stylesheet" />
        <link href="assets/css/scheme-green.css" title="scheme-green" rel="alternate stylesheet" />
        <link href="assets/css/scheme-navy.css" title="scheme-navy" rel="alternate stylesheet" />
        <link href="assets/css/scheme-red.css" title="scheme-red" rel="alternate stylesheet" />
        <link href="assets/css/scheme-purple.css" title="scheme-purple" rel="alternate stylesheet" />
        <link href="assets/css/scheme-yellow.css" title="scheme-yellow" rel="alternate stylesheet" />
        <link href="assets/css/scheme-cyan.css" title="scheme-cyan" rel="alternate stylesheet" />
        <link href="assets/css/scheme-black.css" title="scheme-black" rel="alternate stylesheet" />
        <link href="assets/css/scheme-pink.css" title="scheme-pink" rel="alternate stylesheet" />
        <link href="assets/css/scheme-wood.css" title="scheme-wood" rel="alternate stylesheet" />
        <link href="assets/css/scheme-dark.css" title="scheme-dark" rel="alternate stylesheet" />
        <link href="assets/css/scheme-noisy-blue.css" title="scheme-noisy-blue" rel="alternate stylesheet" />
        <link href="assets/css/scheme-orange.css" title="scheme-orange" rel="alternate stylesheet" />
        <!--[if IE 7]>
          <link href="css/font-awesome-ie7.min.css" rel="stylesheet">
      <![endif]-->

        <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900|Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css' />

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->   

        <!-- Fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png" />
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png" />
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png" />
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
        <link rel="shortcut icon" href="ico/favicon.png" />

        <style type="text/css">
            body {
                padding-top: 40px;
                padding-bottom: 40px;
                background-color: #f5f5f5;
            }
            .form-signin {
                max-width: 300px;
                padding: 19px 29px 29px;
                margin: 0 auto 20px;
                background-color: #fff;
                border: 1px solid #e5e5e5;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
            }
            .form-signin .form-signin-heading, .form-signin .checkbox {
                margin-bottom: 10px;
            }
            .form-signin input[type="text"], .form-signin input[type="password"] {
                font-size: 16px;
                height: auto;
                margin-bottom: 15px;
                padding: 7px 9px;
            }
            .form-signin .btn-block {
                margin-bottom: 20px;
            }
            .your-logo {
                text-transform: uppercase;
                color: rgb(100, 100, 100);
                text-align: center;
                margin-bottom: 35px;
            }
            .bottom-text {
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="your-logo">
                <h3><a href="index.html">Your Logo</a></h3>     
            </div>
            <form class="form-signin"> 
                <legend><h4>Registration</h4></legend>
                <div class="row-fluid">
                    <div class="span6">
                        <a href="" class="btn btn-primary btn-block"><i class="icon-facebook"></i> Facebook Connect</a>
                    </div>  
                    <div class="span6">
                        <a href="" class="btn btn-info btn-block"><i class="icon-twitter"></i> Twitter Connect</a>
                    </div>    
                </div>
                <input type="text" class="input-block-level" placeholder="Full Name" />
                <input type="text" class="input-block-level" placeholder="Email address" />
                <input type="password" class="input-block-level" placeholder="Password" />
                <input type="password" class="input-block-level" placeholder="Retype Password" />
                <div class="row-fluid">
                    <div class="span8">
                        <label class="checkbox">
                            <input type="checkbox" value="remember-me" /> I agree with <a href="">terms and conditions</a>.
                        </label> 
                    </div> 
                    <div class="span4">
                        <button class="btn btn-warning btn-block" type="submit">Register</button>
                    </div>    
                </div>
            </form>
            <div class="bottom-text">
                <p>Already have an account? <a href="login.html">Log In</a></p>
            </div>
        </div> <!-- /container -->
        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="assets/js/jquery/jquery-1.9.0.min.js"></script>
        <script src="assets/js/jquery/jquery-migrate-1.1.0.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/carousel/jquery.carouFredSel-6.2.0-packed.js"></script>
        <script src="assets/js/jquery-tweet/jquery.tweet.js"></script>
        <script src="assets/js/jquery-flickr/jflickrfeed.min.js"></script>
        <script src="assets/js/uitotop/easing.js"></script>
        <script src="assets/js/uitotop/jquery.ui.totop.js"></script>        
        <script src="assets/js/prettyphoto/jquery.prettyPhoto.js"></script>
        <script src="assets/js/fitvids/jquery.fitvids.min.js"></script>        
        <script src="assets/js/styleswitch.js"></script>
        <script src="assets/js/countdown/jquery.countdown.min.js"></script>
        <script src="assets/js/holder/holder.js"></script>
        <script src="assets/js/bootstrap-carousel.js"></script>
        <script src="assets/js/jquery.isotope.min.js"></script>
        <script src="assets/js/base.js"></script>
    </body>
</html>
